<style type="text/css">
.property_edite {
	height: 290px;
	width: 100%;
	padding:5px;
}
.property_item {
	width:220px;
	height:32px;
	padding:2px;
	background-image: url(../images/images/mainInfoItem.png);
	background-repeat: repeat-x;
	float:left;
	margin:3px 3px;
}
.property_desc {
	float:left;
	 
	height:26px;
	line-height:26px;
}
.property_value {
	float:right;
}
.spline {
	width:99%;
	clear:both;
	height: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #000;
	margin-bottom: 5px;
}
#property_layout {
	width:100%;
	height:300px;
	overflow: auto;
}
#measure_tab_layout {
	width:100%;
	height:325px;
}
#property_item_body {
	margin:0 auto;
	height:100%;
}
/**添加正常时候的tab的边框*/
.jqx-tabs-title {
	border: 1px solid #404040;
}
.curve_dlg_btn_layout {
	clear: both;
	height: 30px;
	width: 100%;
	float: right;
}
.curve_grid_layout {
	clear: both;
	height: 400px;
	width: 100%;
}
.propertyAVC {
 
}
.propertyAGC {
	
}
     .green {
            color: black\9;
            background-color: #b6ff00\9;
        }
        .yellow {
            color: black\9;
            background-color: yellow\9;
        }
        .AGC {
            color: #b90f0f !important;
            font-style: italic;
        }

        .AVC_AGC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .AVC_AGC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: green;
            background-color: #036;
        }
        .AVC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .AVC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color: green;
            background-color: #069;
        }
        .AGC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .AGC:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
            color:#00f !important;
            background-color:#09C;
        }
		.space{
			clear:both;
			height:20px;}
</style>
 
<script type="text/javascript" src="js/component_measure.js"></script>
<script type="text/javascript" src="js/component_property.js"></script>
<script type="text/javascript" src="js/component_bus.js"></script>

<div id="property_layout">
  <div id="property_item_body"> </div>
</div>
<div class="space"></div>
<div id="measure_tab_layout" style="display:block">
  <div id='measure_tab' >
    <ul>
      <li style="margin-left: 30px;">
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥测</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥信</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥控</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥调</div>
        </div>
      </li>
    </ul>
    <div style="overflow: hidden;">
      <div id="measure_grid_yc"  style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yx' style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yk' style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yt' style="width: 100%; height: 100%"> </div>
    </div>
  </div>
</div>
<!--本地电压曲线-->
<div id="curve_dlg_Vol" style="display:none">
  <div style="width:100%;height:30px;"> </div>
  <div>
    <div class="curve_dlg_btn_layout">
      <input type="button" value="增加" id='add' />
      <input type="button" value="删除" id='delete' />
      <input type="button" value="提交" id='submit' />
      <input type="button" value="导出" id='exprot' />
      <input type="button" value="导入" id='load' />
    </div>
    <div class="curve_grid_layout">
      <div id="curve_grid_Vol" style="overflow: hidden;width:100%"> </div>
    </div>
    <div style="width:160px;height:20px;padding:10px;float:right">
      <input type="button" value="确定" id='ok' />
      <input type="button" value="取消" id='cancel' />
    </div>
  </div>
</div>
</div>
<!--本地有功曲线-->
<div id="curve_dlg_Load" style="display:none">
  <div style="width:100%;height:30px;"> </div>
  <div>
    <div class="curve_dlg_btn_layout">
      <input type="button" value="增加" id='add' />
      <input type="button" value="删除" id='delete' />
      <input type="button" value="提交" id='submit' />
      <input type="button" value="导出" id='exprot' />
      <input type="button" value="导入" id='load' />
    </div>
    <div class="curve_grid_layout">
      <div id="curve_grid_Load" style="overflow: hidden;width:100%"> </div>
    </div>
    <div style="width:160px;height:20px;padding:10px;float:right">
      <input type="button" value="确定" id='ok' />
      <input type="button" value="取消" id='cancel' />
    </div>
  </div>
</div>
</div>
<!--时间值设置-->
<div id="val_add_dlg" style="display:block">
  <div style="width:100%;height:30px;"> </div>
  <div>
    <div >
      <table width="190" height="95">
        <tr width="92">
          <td width="40">时间</td>
          <td width="120"><div id='time'></div></td>
        </tr>
        <tr width="92">
          <td>上限</td>
          <td><div id='value_high'></div></td>
        </tr>
        <tr width="92">
          <td>下限</td>
          <td><div id='value_low'></div></td>
        </tr>
      </table>
    </div>
    <div style="width:150px;height:20px;padding-top:10px;padding-buttom:10px;float:left">
      <input type="button" value="确定" id='ok' />
      <input type="button" value="取消" id='cancel' />
    </div>
  </div>
</div>
</div>
